<html>
  <body>
    <!-- <svg
      version="1.1"
      preserveAspectRatio="none"
      fill="#000"
      style="
        top: 8.91%;
        left: 75.06%;
        width: 11.83%;
        height: 3.74%;
        position: absolute;
      "
    >
    <defs>
      <line
        id="xxxx"
        x1="0"
        y1="50%"
        x2="100%"
        y2="50%"
        style="
          stroke: #fa9668;
          stroke-width: 1px;
          width: 100%;
          height: 100%;
          display: block;
        "
      ></line>
    </defs>
    <use href="#xxxx"></use>
    </svg> -->
  </body>
  <script type="text/javascript">
    const svg = document.createElementNS(
      "http://www.w3.org/2000/svg",
      "svg:svg"
    );
    svg.setAttribute("version", "1.1");
    svg.setAttribute("preserveAspectRatio", "none");
    svg.setAttribute("fill", "#000");
    svg.setAttribute(
      "style",
      "top: 8.91%;left: 75.06%;width: 11.83%;height: 3.74%;position: absolute;"
    );
    const defs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
    svg.append(defs);
    const line = document.createElementNS("http://www.w3.org/2000/svg", "line");
    line.setAttribute("id", "xxxx");
    line.setAttribute("x1", "0");
    line.setAttribute("y1", "50%");
    line.setAttribute("x2", "100%");
    line.setAttribute("y2", "50%");
    line.setAttribute(
      "style",
      "stroke: #fa9668;stroke-width: 1px;width: 100%;height: 100%;"
    );
    defs.append(line);
    const use = document.createElementNS(
      "http://www.w3.org/2000/svg",
      "use"
    );
    use.setAttribute("href", "#xxxx")
    svg.append(use);
    document.body.append(svg);
  </script>
</html>
